import {
  createStore
} from 'vuex'
const store = createStore({
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo,goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
mutations: {
  addToCart(state, goods) {
    // 根据提交的商品的Id，查询购物车中是否存在这件商品
    // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
    const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
    if (!findResult) {
      // 如果购物车中没有这件商品，则直接 push
      state.cart.push(goods)
    } else {
      // 如果购物车中有这件商品，则只更新数量即可
      findResult.goods_count++
    }
    this.commit('saveToStorage');
  },
  // 将购物车中的数据持久化存储到本地
  saveToStorage(state) {
    uni.setStorageSync('cart', JSON.stringify(state.cart))
  },
  // 封装一个修改状态值的方法
  changeGoodsState(state,goods){
    const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
    // 要是有结果,就修改对应状态值,并且存储到本地
    if(findResult){
      findResult.goods_state = goods.goods_state
      this.commit('saveToStorage');
    } 
  },
  // 封装一个修改商品数量的方法
  changeGoodsNumber(state,goods){
    const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
    // 要是有结果,就修改对应状态值,并且存储到本地
    if(findResult){
      findResult.goods_count = goods.goods_count
      this.commit('saveToStorage');
    } 
  },
  // 封装一个输出购物车中对应商品的方法
  removeGoods(state,goods_id){
    // 过滤出对应要删除的商品
    state.cart = state.cart.filter(x => x.goods_id !== goods_id)
    // 进行本地存储
    this.commit('saveToStorage');
  },
  // 更新所以商品的状态
  updateAllGoodsState(state,newState){
    // 循环每一件商品,修改商品的状态
    state.cart.forEach(x => x.goods_state = newState)
    // 进行本地存储
    this.commit('saveToStorage');
  }
},
getters: {
  // 统计购物车中商品的总数量
  total: state => {
    let c = 0
    // 循环统计商品的数量，累加到变量 c 中
    state.cart.forEach(goods => c += goods.goods_count)
    return c
  },
  // 计算已勾选商品的总数
  checkedCount:state => {
    // 先使用 filter 过滤出选择的商品, 在使用 reduce 进行总数的累加
    return state.cart.filter(x => x.goods_state).reduce((total,item)=> { return total += item.goods_count },0)
  },
  // 计算已勾选商品的总价
  checkedGoodsAmount:state => {
    return state.cart.filter(x => x.goods_state).reduce((total,item)=>{ return total += item.goods_count * item.goods_price},0).toFixed(2)
  }
}
})

export default store